/* 格展网络模板 */
/* 精品与原创网站模板提供商，一站式建站 */
/* 主营业务：快速建站、快排、服务器 */
/* 模板下载：Www.91084.Com */
/* 主机/服务器：Www.zhaodede.Com */
/* QQ：6364544  */
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color:#3d3d3d;font-size:14px; line-height:24px}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

.main{ width:1200px; margin:0 auto;}


.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#1974bc}

.top{width:100%; min-width:1200px; background: #f2f2f2; height:35px;line-height: 35px;overflow: hidden;}
.top p{color: #333;font-size: 13px;}

.logo{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0}
.logo img{ width:1200px; display:block}

/*.nav{ width:100%; min-width:1200px;background:#1974bc}
.nav ul{ overflow:hidden}
.nav ul li{ float:left; width:169px;line-height: 62px;height: 62px; overflow:hidden; margin-right:1px}
.nav ul li a{font-size: 16px; color:#fff; display:block; text-align:center}
.nav ul li:hover,.nav ul li.on{ background:#f39700;}*/

nav ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.nav {
  width:100%; min-width:1200px; background:#1974bc; height: 62px;
}
.nav a {
  display: block;
  font-size: 16px; color:#fff; text-align:center;
}
.nav_menu {
  width:1200px; margin:0 auto;
}
.nav_menu-item {
  display: inline-block;
  position: relative;
  float:left; width:169px; line-height: 62px; height: 62px; margin-right:1px
}
.nav_menu-item:hover {
  background:#f39700;
}
.hover {
  background:#f39700;
}
.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  width: 100%;
  background-color: #000;
  opacity:0.7;
  z-index: 1000;
}
.nav_submenu-item{ height:40px; line-height: 40px;}
.nav_submenu-item a{ font-size:14px;}
.nav_submenu-item a:hover {
  color:#dadad8;
}

.part1{width:100%; min-width:1200px;padding-top: 80px;padding-bottom: 50px;overflow:hidden}
.part1L{ float:left; width:648px; height:322px; overflow:hidden;color: #979797;line-height: 30px;}
.part1L img{ max-width:648px;overflow:hidden; height:73px; margin-top:12px;}
.part1L .con{padding-top: 30px; height:120px; overflow:hidden}
.part1L .more{ width:130px; height:45px; line-height:45px; border:1px solid #c1c1c1; background:#fff url(../image/icon.png) center no-repeat; display:block; margin-top:30px;}
.part1R{ float:right;}
.part1R img{ width:492px; height:308px;width: 492px;padding: 6px;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);}

.part2{width:100%; min-width:1200px; background:url(../image/bg.jpg) center top no-repeat;font-size: 14px; line-height:24px; height:200px;color: #e9e9e9;}
.part2 .p2con{ width:724px;height:200px; margin-left:370px; overflow:hidden;}
.part2 .p2con .sub{margin: 35px 0; height:48px; overflow:hidden; text-align:center}
.part2 .p2con .phone{background: url(../image/line.png) center top no-repeat; text-align:center;padding-top: 28px;}

.part3{width:100%; min-width:1200px; background: #f6f6f6;padding: 70px 0;}
.contitbox{background: url(../image/tit.png) center center no-repeat; width:1200px;height: 80px; overflow:hidden;line-height: 30px;}
.contitbox .tit{ text-align:center;font-size: 26px;padding-top: 5px;color: #1c2931;font-weight: bold;width:240px; margin:0 auto}
.contitbox .sub{ text-align:center;color: #36404b;text-transform: uppercase;padding-top: 8px;width:240px; margin:0 auto}
.part3 ul{ padding-top:35px; overflow:hidden}
.part3 ul li{ float:left; width:280px; background:#fff; border-radius:5px; border:1px solid #fff; margin:0 9px 18px}
.part3 ul li:hover{ border:1px solid #1974bc}
.part3 ul li .proimg{ width:280px; height:220px; overflow:hidden;_display:table;display:table-cell;text-align:center;vertical-align:middle; background: #dfdfdf;}
.part3 ul li .proimg img{vertical-align:middle;max-height:220px; max-width:280px;}
.part3 ul li p{margin-top: 0;border-top: 1px solid #f3f3f3;height: 55px;line-height: 55px;font-size: 18px;color: #161616;text-align: center; padding:0 10px}


.part4{width:100%; min-width:1200px;padding-top: 72px; padding-bottom: 108px; background:url(../image/bg2.jpg) center top no-repeat; float: left;}
.contitbox.pr4 .tit,.contitbox.pr4 .sub{ color:#fff;}
.part4 ul{ padding-top:80px; overflow:hidden}
.part4 ul li{ float:left;margin-right: 42px; height: 228px;border-radius: 5px;width: 208px;padding: 0 30px;padding-top: 50px;background: rgba(255,255,255,0.7);text-align: center;}
.part4 ul li img{ display:block; margin:0 auto; height:76px; width:76px; overflow:hidden}
.part4 ul li h4{font-size: 17px;color: #333334;padding-bottom: 20px;padding-top: 10px;font-weight: normal;}
.part4 ul li .line{width: 32px;height: 2px; margin:0 auto;background: #333334;}
.part4 ul li .sub{line-height: 20px; height:42px; overflow:hidden;font-size: 12px;color: #707071;padding-top: 15px;}
.part4 ul li:nth-child(4n){ margin-right:0}


.part5{padding-top: 80px;padding-bottom: 55px; width:1200px; margin:0 auto; overflow:hidden}
.part5 ul{ overflow:hidden}
.part5 ul li{margin-right:24px;margin-top: 30px;float: left; width: 382px;border: 1px solid #ececec;padding-bottom: 22px;border-top: 2px solid #1974bc; overflow:hidden}
.part5 ul li:nth-child(3n){ margin-right:0}
.part5 ul li .date{border-bottom: 1px solid #ececec; width:100%; height:74px; overflow:hidden}
.part5 ul li .date p{width: 123px;height: 74px;line-height: 74px;float: right;color: #fff;background: #fb4848;text-align: center;}
.part5 ul li .con{padding: 22px 15px;line-height: 24px;}
.part5 ul li .con .tit{font-size: 17px;color: #36404b;height: 24px;}
.part5 ul li .con .sub{color: #999;padding-top: 15px;height: 72px; overflow:hidden}
.part5 ul li .more{margin-top: 15px;margin-left: 15px;background: url(../image/more.png) 110px center no-repeat #36404b;padding-left: 25px;color: #f8f8f8;width: 110px;height: 40px; line-height: 40px; display:block;}



.linkboxs{width:100%; min-width:1200px;background: #1974bc; color:#fff;padding: 10px 0;margin-top: 10px;}
.linkboxs span{ display:block;}
.linkboxs .con{ overflow:hidden}
.linkboxs .con a{margin-right: 10px; color:#fff; margin-bottom:10px}


.footerbox{ width:100%; min-width:1200px;font-size: 14px;color: #b7c0c7;padding: 50px 0;line-height: 28px;background: #36404b;}
.footerbox .telbox{padding-left: 55px; float:left; background:url(../image/tel.png) left center no-repeat; width:500px; overflow:hidden;padding-top: 20px;}
.footerbox .telbox p{font-size: 25px;color: #ffffff;font-weight: bold;font-family: Arial, Helvetica, sans-serif;}
.footerbox .telbox span{font-size: 14px;color: #cee7fb;}
.footerbox .footbox{ float:right; max-width:640px; text-align:right; overflow:hidden}
.footerbox .footbox a{color: #b7c0c7;}


.mainWarp{padding-bottom:40px;padding-top: 40px; width:1200px; margin:0 auto; overflow:hidden}
.mainLeft{ float:left;width: 250px; overflow:hidden}
.mainLeft .titbox{background: #1974bc;line-height: 65px;height: 65px;padding: 0 20px;}
.mainLeft .titbox p{font-size: 22px;color: #fff;}
.mainLeft .titbox p span{font-size: 14px;padding-left: 10px;}
ul.typeul{ overflow:hidden; margin-bottom:20px}
ul.typeul li{ background: #f8f8f8;line-height:45px;height:45px;padding: 0 20px;transition: all 0.5s; margin-bottom: 5px;}
ul.typeul li a{ background:url(../image/icon2.png) left center no-repeat;background-size: 15px 15px;padding-left: 22px; }
ul.typeul li:hover{ padding-left:25px;}
.lxwm{background: #f8f8f8;padding: 15px;line-height: 24px;}
.lxwm .con{}

.mainRihgt{ float:right;width: 910px; overflow:hidden}
.brandnavbox{border-left: 10px solid #1974bc; background:#f0f0f0; height:50px; line-height:50px; overflow:hidden}
.brandnavbox .con{ padding-left:15px;font-size: 16px;}

ul.piclistul{ overflow:hidden;padding:20px 0}
ul.piclistul li{ float:left;margin:5px 11px;overflow: hidden;width: 280px;}
ul.piclistul li .proimg{width:278px; height:220px; overflow:hidden;_display:table;display:table-cell;text-align:center;vertical-align:middle;border-radius:5px; border:1px solid #ccc;}
ul.piclistul li .proimg img{vertical-align:middle;max-height:220px; max-width:278px;}
ul.piclistul li p{height:45px;line-height:45px;font-size:16px;color: #161616;text-align: center; padding:0 10px}
ul.piclistul li .proimg:hover{ border:1px solid #bc2026}


ul.listul{overflow: hidden;padding-top:20px;}
ul.listul li{line-height: 42px;border-bottom: 1px dashed #ccc; padding-bottom:8px}
ul.listul li a{ float:left; max-width:780px;}
ul.listul li a em{padding-right: 5px;font-style: normal;}
ul.listul li span{ float:right; color:#666}
ul.listul li .sub{line-height: 22px;padding-left:12px;color: #666;font-size: 13px; height:45px; overflow:hidden}
ul.listul li a:hover{color: #bc2026;}


.detailbox{ overflow:hidden}
.detailbox .xq{}
.detailbox .xq h1{text-align: center;font-size: 18px;padding-top: 30px; font-weight:normal}
.detailbox .xq .date{ text-align:center; line-height:30px; padding-top:5px}
.detailbox .xq .con{line-height: 28px;overflow: hidden;padding: 25px 0;}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:800px; padding-top:10px}


.tjbox{ overflow:hidden}
.tjbox .titbox{padding:5px 0; height:30px; line-height:30px;overflow:hidden}
.tjbox .titbox p{font-size: 18px; }

.tjbox ul.ul1{ overflow:hidden;padding-bottom: 10px;}
.tjbox ul.ul1 li{float:left;width: 50%;border-bottom:1px solid #ccc;line-height: 40px; height:40px; overflow:hidden}
.tjbox ul.ul1 li a{ max-width:90%}
.tjbox ul.ul1 li a:hover{ color:#bc2026}

.tjbox ul.ul2{ overflow:hidden;}
.tjbox ul.ul2 li{float:left;margin:5px 11px;overflow: hidden;width: 280px;}
.tjbox ul.ul2 li .proimg{width:278px; height:220px; overflow:hidden;_display:table;display:table-cell;text-align:center;vertical-align:middle;border:1px solid #ccc;}
.tjbox ul.ul2 li .proimg img{vertical-align:middle;max-height:220px; max-width:278px;}
.tjbox ul.ul2 li p{height:30px;line-height:30px;font-size:14px;color: #161616;text-align: center; padding:5px 10px}
.tjbox ul.ul2 li p:hover{color: #bc2026;}
.tjbox ul.ul2 li .proimg:hover{border:1px solid #bc2026}





.pagebox{ text-align:center; padding-top:30px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{background:#bc2026; color:#fff}
.pagebox a.on{ background:#bc2026; color:#fff}


.formBox{ width:390px; margin:0 auto; overflow:hidden; padding-top:20px}
.formBox .inputbox{ height:36px; line-height:36px; margin-top:36px;}
.formBox .inputbox label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox input{ width:305px; float:right; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}
.formBox .inputbox input.yzm{ float:right; width:172px}
.formBox .inputbox .yzmimg{ float:right; width:123px; height:36px; margin-left:10px}
.formBox .inputbox .btn1{ width:100px; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#fff; text-align:center; background:#bc2026; float:left;border-radius:4px; cursor:pointer; outline:none; letter-spacing:1px; padding:0}
.formBox .inputbox2{ min-height:36px; line-height:36px; margin-top:36px; overflow:hidden}
.formBox .inputbox2 label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox2 label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox2 textarea{ width:305px; float:right; height:80px;line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}

/**/
.content{ width:1200px; margin:0 auto;}
.slbj{ height:610px;}
.slbj .sl{height: 706px;padding-top: 20px;}
.slbj .sl h3{ text-align: center; font-size:28px; color:#333333;line-height: 30px;height: 60px; margin-bottom:0; padding-bottom:70px; background: url("http://www.zhiweihb.com/template/images/hg.jpg") no-repeat center;font-weight: normal;}
.slbj .sl h3 a{ color:#000;}
.slbj .sl h3 i{ font-weight:bold; font-size:28px; color:#064a91; font-style: normal;}
.slbj .sl h3 span{ font-size:16px; text-transform:uppercase;}
.slbj .sl .hyfl{ width:400px; height:404px; float:left; margin-top: 30px;}
.slbj .sl .hyfl li{ width:198px; height:98px;border:1px solid #e3e3e3; float:left; }
.slbj .sl .hyfl li.hy1 a{ height:39px;  display: block;  font-size:18px; color:#333;margin-top: 28px; text-align:center;}
.slbj .sl .hyfl li.hy1 a i{ display: block;font-size:10px; color:#333;}
.slbj ul li.on:hover,.slbj ul li.on{background:#1974bc;}
.slbj .sl .hyfl .hy1.on a{ color:#FFF;}
.slbj .sl .hyfl li.on a i{ color:#FFF;}

.slbj .sl .hyfl li.hy2 a{ height:39px; text-align:center; display: block;  font-size:18px; color:#333;margin-top: 28px;}
.slbj .sl .hyfl li.hy2 a i{ display: block;font-size:10px; color:#333;}
.slbj ul li.on:hover,.slbj ul li.on{background:#064a91;}
.slbj .sl .hyfl .hy2.on a{ color:#FFF;}
.slbj .sl .hyfl li.on a i{ color:#FFF;}

.slbj .sl .hyfl li.hy3 a{  height:39px; display: block; font-size:18px; color:#333;margin-top: 28px;text-align:center;}
.slbj .sl .hyfl li.hy3 a i{ display: block;font-size:10px; color:#333;}
.slbj ul li.on:hover,.slbj ul li.on{background:#064a91;}
.slbj .sl .hyfl .hy3.on a{ color:#FFF;}
.slbj .sl .hyfl li.on a i{ color:#FFF;}

.slbj .sl .hyfl li.hy4 a{  height:39px;  display: block;  font-size:18px; color:#333;margin-top: 28px;text-align:center;}
.slbj .sl .hyfl li.hy4 a i{ display: block;font-size:10px; color:#333;}
.slbj ul li.on:hover,.slbj ul li.on{background:#064a91;}
.slbj .sl .hyfl .hy4.on a{ color:#FFF;}
.slbj .sl .hyfl li.on a i{ color:#FFF;}

.slbj .sl .hyfl li.hy5 a{  height:39px; display: block;  font-size:18px; color:#333;margin-top: 28px;text-align:center;}
.slbj .sl .hyfl li.hy5 a i{ display: block;font-size:10px; color:#333;}
.slbj ul li.on:hover,.slbj ul li.on{background:#064a91;}
.slbj .sl .hyfl .hy5.on a{ color:#FFF;}
.slbj .sl .hyfl li.on a i{ color:#FFF;}

.slbj .sl .hyfl li.hy6 a{  height:39px; display: block;  font-size:18px; color:#333;margin-top: 28px; text-align:center;}
.slbj .sl .hyfl li.hy6 a i{ display: block;font-size:10px; color:#333;}
.slbj ul li.on:hover,.slbj ul li.on{background:#064a91;}
.slbj .sl .hyfl .hy6.on a{ color:#FFF;}
.slbj .sl .hyfl li.on a i{ color:#FFF;}

.slbj .sl .hyfl li.hy7 a{  height:39px;  display: block;  font-size:18px; color:#333;margin-top: 28px;text-align:center;}
.slbj .sl .hyfl li.hy7 a i{ display: block;font-size:10px; color:#333;}
.slbj ul li.on:hover,.slbj ul li.on{background:#064a91;}
.slbj .sl .hyfl .hy7.on a{ color:#FFF;}
.slbj .sl .hyfl li.on a i{ color:#FFF;}
.slbj .sl .hyfl span{float:left; width:198px;height:98px;border: 1px solid #e3e3e3;}
.slbj .sl .hyfl span a{ height:28px;  display: block;  font-size:18px; color:#333;margin-top: 28px;text-align:center;}
.slbj .sl .hyfl span a i{ display: block;font-size:10px; color:#333;}
.slbj .sl .hyfl span:hover a{color:#FFF; }
.slbj .sl .hyfl span:hover{background:#064a91;}
.slbj .sl .hyfl span:hover a i{color:#FFF;}
.slbj .sl .s{height:400px; width:730px; position:relative; float:left; margin-bottom:48px; margin-top:30px;}
.slbj .sl .tgs{ height:400px; width:730px; float:left;margin-bottom:44px;}
.slbj .sl .tgs span{height:400px; width:730px; display:block;}
.slbj .sl .tgs span img{height:400px; width:730px;}
.slbj .sl .pp{ height:119px;  margin-top:44px;}
.slbj .sl .pp li{ width:230px;height:117px; border:1px solid #e5e5e5; margin-left:10px; float:left;}
.slbj .sl .pp li a img{ width:230px; height:115px;}
.slbj .sl .pp li.cur{margin-left:0;}
.slbj .sl .btn{width: 100%;height: 0;position: relative;}
.slbj .sl .btn i{position: absolute;width: 30px;height: 48px;top: -81px;cursor: pointer;}
.slbj .sl .btn .prev{background: url("http://www.zhiweihb.com/template/images/jt1.png") no-repeat;left: -50px;}
.slbj .sl .btn .prev:hover{background: url("http://www.zhiweihb.com/template/images/jt1_h.png") no-repeat;}
.slbj .sl .btn .next{background: url("http://www.zhiweihb.com/template/images/jt2.png") no-repeat;right: -50px;}
.slbj .sl .btn .next:hover{background: url("http://www.zhiweihb.com/template/images/jt2_h.png") no-repeat;}


.case{ width:100%; float:left; margin-top:10px; margin-bottom:80px;}
.hangye_title{ font-size:40px; text-align:left; text-transform:uppercase; font-weight:bold;}
.hangye_title p{ font-size:30px; font-weight:normal;}
.c_nav{height:78px;background: url(../image/case_nav.gif) repeat-x 0 top; overflow: hidden; margin-top:45px;}
.more1{width:114px;height: 66px;background: url(../image/case_line.gif) no-repeat right top;overflow: hidden; font-size: 16px; line-height: 66px;text-align: center;}
.more1 a{ color:#111111;}
.c_nav ul{background: url(../image/case_line.gif) no-repeat left top;width:1200px; float: left;overflow: hidden;}
.c_nav li{ float: left;background: url(../image/case_line.gif) no-repeat right top;}
.c_nav li a{display: inline-block;height:78px; font-size: 16px; line-height: 66px;text-align: center; color:#111;padding:0 39px;}
.c_nav li a:hover , .c_nav li.cur a{background: url(../image/case_cur.jpg) no-repeat center top; color:#fff;text-decoration: none;font-weight: bold;}
.case_c{margin-top: 23px;height:400px; line-height: 0; overflow: hidden;}
.case_c dt{ float: left;width:640px; overflow: hidden;}
.case_c dt img{width:640px; height:400px;}
.case_c dd{width:476px;height:350px; background-color: #f0f0f0; float: left;padding:50px 40px 0;}
.case_c dd span{display: block;background: url(../image/case_rq.png) no-repeat 0 top;height:48px; font-size: 30px;font-weight: bold; color:#333333;text-align: right; font-family: "Arial";width:73px;overflow: hidden;line-height: 30px;padding-right: 5px;}
.case_c dd span i{display: block;text-align: left; font-size: 18px; line-height: 18px;font-weight: normal;font-style:normal ;padding-left: 10px;}
.case_c dd h3{margin-top: 30px;height:40px;background: url(../image/case_line01.gif) no-repeat 0 bottom; font-size: 18px;line-height: 24px;}
.case_c dd h3 a{ color:#333333; font-weight: normal;}
.case_c dd p{padding-top: 26px;height:127px; font-size: 14px; color:#555555; line-height: 24px; overflow: hidden;}
.case_c dd em{display: block;width:94px;height:20px; border:1px solid #c30101;text-align: center;line-height: 20px; color:#c30101;vertical-align: middle;}
.case_c dd em a{ color:#c30101;}

.case2{ width:100%; float:left; margin-top:10px; margin-bottom:50px;}
.c_nav2{height:50px;overflow: hidden; margin-top:15px; }
.c_nav2 ul{width:910px; float: left;overflow: hidden;}
.c_nav2 li{ float: left; background-color:#f2f2f2;}
.c_nav2 li a{display: inline-block;height:50px; font-size: 16px; line-height: 50px;text-align: center; color:#111;padding:0 39px;}
.c_nav2 li a:hover , .c_nav2 li.cur a{background-color:#1974bc; color:#fff;text-decoration: none;font-weight: bold;}
.case_c2{ overflow: hidden; font-size:14px; line-height:30px;}
.case_nr2{ padding: 20px; border: 1px solid #e4e4e4;}


#List4{ width: 100%; float: left;}
#List4 .newsList .w_1200{ margin: 0 auto; width: 1200px;}
#List4 .newsList{ width: 100%; float: left;     padding-bottom: 30px;}
#List4 .newsList ul{    padding-inline-start: 0;}

#List4 .newsList .pic{ width: 100%; float: left; background: #eff0f7;}
#List4 .newsList .pic .img{ width: 600px; float: left; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List4 .newsList .pic .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List4 .newsList .pic:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List4 .newsList .pic .text{ padding: 40px 45px 40px 35px; width: 600px; float: right;}
#List4 .newsList .pic .text .date{ width: 100%; float: left; margin-bottom: 20px;}
#List4 .newsList .pic .text .date .date_r{ float: left; font-weight: bold; font-size: 72px; line-height: 74px; font-family: "Arial"; color: #c0c1c6;}
#List4 .newsList .pic .text .date .date_ny{ float: left; margin: 42px 0 0 10px; font-size: 24px; line-height: 26px; color: #181818; font-family: "Arial";}
#List4 .newsList .pic .text .tit{ width: 100%; float: left; font-size: 22px; line-height: 24px; height: 24px; overflow: hidden; color: #000;}
#List4 .newsList .pic .text .info{ width: 100%; float: left; font-size: 16px; margin: 22px 0; line-height: 34px; height: 68px; overflow: hidden; color: #181818;}
#List4 .newsList .pic .text .more{ width: 100%; float: left; font-size: 16px; padding-top: 12px; color: #181818; border-top: 1px dashed #cccccc;}
#List4 .newsList .pic:hover{ background: #0a318e;}
#List4 .newsList .pic:hover .date .date_r{ color: #fff;}
#List4 .newsList .pic:hover .date .date_ny{ color: #fff;}
#List4 .newsList .pic:hover .text .tit{ color: #fff;}
#List4 .newsList .pic:hover .text .info{ color: #fff;}
#List4 .newsList .pic:hover .text .more{ color: #fff;}
#List4 .newsList .l1{ margin: 34px 0 10px 0; float: left; width: 96%; padding: 20px; background: #f2f2f2;}
#List4 .newsList .l1 .date{ width: 145px; margin-top: 30px; float: left; text-align: center;}
#List4 .newsList .l1 .date .date_r{ font-weight: bold; font-size: 72px; line-height: 74px; font-family: "Arial"; color: #c0c1c6;}
#List4 .newsList .l1 .date .date_ny{ font-size: 20px; line-height: 22px; margin-top: 5px; color: #181818; font-family: "Arial";}
#List4 .newsList .l1 .img{ float: left;  padding-left: 0; width: 345px; height: 227px; overflow: hidden; line-height: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List4 .newsList .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List4 .newsList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List4 .newsList .l1 .text{ float: right; width: 500px; margin-top: 17px;}
#List4 .newsList .l1 .text .bt{ font-size: 18px; line-height: 20px; height: 20px; overflow: hidden; color: #181818;}
#List4 .newsList .l1 .text .info{ font-size: 14px; margin: 16px 0; line-height: 26px;     height: 80px; overflow: hidden; color: #181818;}
#List4 .newsList .l1 .text .more{ width: 130px; font-size: 16px; padding: 4px 0; color: #fff; background-color: #1974bc; text-align: center; margin-top: 30px;}
#List4 .newsList .l1:hover{ background: #1974bc;}
#List4 .newsList .l1:hover .date .date_r{ color: #fff;}
#List4 .newsList .l1:hover .date .date_ny{ color: #fff;}
#List4 .newsList .l1:hover .text .bt{ color: #fff;}
#List4 .newsList .l1:hover .text .info{ color: #fff;}
#List4 .newsList .l1:hover .text .more{ background-color: #fff; color: #1974bc;}
#List4 .newsList .pz_fy{ width: 100%; margin: 40px 0 80px 0; float: left; text-align: center;}
#List4 .newsList .pz_fy a { border: 1px solid #eff0f7; padding: 10px 13px; margin: 0 5px; color: #4c4c4c; font-family: Arial; font-size: 14px; text-decoration: none;}
#List4 .newsList .pz_fy a:hover,#List4 .newsList .pz_fy a.on{ background: #314693; color: #fff;}
#List4 .newsList .pz_fy .ly{ position: relative;}
#List4 .newsList .pz_fy .ly::before{ content: ""; display: block; position: absolute; width: 14px; height: 38px; left: -14px; top: -1px; background: url(http://www.zhiweihb.com/template/theme/CN/1326_news7.png) no-repeat left center;}
#List4 .newsList .pz_fy .ly:hover::before,#List4 .newsList .pz_fy .ly.on::before{ background: url(http://www.zhiweihb.com/template/theme/CN/1326_news7_1.png) no-repeat left center;}
#List4 .newsList .pz_fy .ry{ position: relative;}
#List4 .newsList .pz_fy .ry::before{ content: ""; display: block; position: absolute; width: 14px; height: 38px; right: -14px; top: -1px; background: url(http://www.zhiweihb.com/template/theme/CN/1326_news8.png) no-repeat left center;}
#List4 .newsList .pz_fy .ry:hover::before,#List4 .newsList .pz_fy .ry.on::before{ background: url(http://www.zhiweihb.com/template/theme/CN/1326_news8_1.png) no-repeat left center;}



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-100px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#1974bc;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../image/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../image/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../image/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../image/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../image/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../image/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../image/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../image/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../image/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../image/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#1974bc;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{    width: 240px;
    height: 78px;
    display: none;
    color: #fff;
    text-align: left;
    position: absolute;
    left: -240px;
    top: 0;
    background: #1974bc;}
.side ul li.sideetel .telBox.son{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#1974bc}
.side ul li.sideetel .telBox dd{display:block;overflow:hidden;padding-left:82px;line-height:24px;font-size:16px;padding-top: 14px;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:20px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../image/right_pic8.png) 28px 20px no-repeat;background-color:#1974bc}

.side ul li.sideewm .ewBox dd{display:block;overflow:hidden;padding-left:82px;line-height:24px;font-size:16px;padding-top: 14px;}
.side ul li.sideewm .ewBox dd.bgs2{background:url(../image/right_pic9.png) 28px 20px no-repeat; background-color:#1974bc}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}